import React from 'react';
import { PlateDiv } from './Kestyled'

const Keplate = (props) => {

    return (
        <PlateDiv>
            <ul>
                {
                     props.list && props.list.map(v => {
                        return (
                            <li key={v.mkId}>
                                <h2>{v.mkName}</h2>
                                <div className='list-fir'>
                                    <h3>教学设计</h3>
                                    {
                                        v.sheJis.map(vx => {
                                            return (
                                                <p key={vx.sjId}>{vx.sjBody}</p>
                                            )
                                        })
                                    }
                                </div>
                                <div>
                                    <h3>课件预览</h3>
                                    {
                                        v.yuLans.map(vy => {
                                            return (
                                                <div className='pre-img' key={vy.ylId}>
                                                    <img src={'http://9z4nm9.natappfree.cc' + vy.img} alt="" />
                                                </div>
                                            )
                                        })
                                    }

                                </div>
                            </li>
                        )
                    })
                }
            </ul>
        </PlateDiv>
    );
}

export default Keplate;